<template>
    <div>
        <div id="le">
            <p>首页</p>
            <p>
            <router-link to="/home/class">产品管理</router-link>
            </p>
            <p>
            <router-link to="/home/shop">门店管理</router-link>
            </p>
            <p>
            <router-link to="/home/vip">会员管理</router-link>
            </p>
            <p>
            <router-link to="/home/gong">订单管理</router-link>
            </p>
            <p>
            <router-link to="/home/my">系统管理</router-link>
            </p>
        </div>
        <div id="rg"><router-view></router-view></div>
    </div>
</template>

<script>

export default {
    data(){
        return{

        }
    },
   
}
</script>

<style>
*{
    margin: 0;
    padding: 0;
}
#le{
    width: 200px;
    height: 720px;
    float: left;
    background: black;
    color: snow;
}
#le p{
    margin-top: 30px;
    color: azure;
}
#rg{
    width: 1300px;
    height: 720px;
    background: seashell;
}
</style>